html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title 首页
    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css")
    link(rel="stylesheet", href="css/reset.css")
    link(rel="stylesheet", href="css/header.css")
    link(rel="stylesheet", href="css/footer.css")
    link(rel="stylesheet", href="css/left_nav.css")
    link(rel="stylesheet", href="css/person4.css")
    
  body 
    include common/header.pug

    div.main-info
      .left-nav
        h3.title マイアカウント
        ul.nav-list
          li.nav-item
            a
              div
                img(src="images/icon1.png", alt="")
                span アカウントサービス
          li.nav-item
            a
              div
                img(src="images/icon2.png", alt="")
                span ご注文履歴 (0)
          li.nav-item
            a
              div
                img(src="images/icon3.png", alt="")
                span カート (0)
          li.nav-item.active
            a
              div
                img(src="images/icon4.png", alt="")
                span 最近チェックしたアイテム
          

          li.nav-item
            a
              div
                img(src="images/icon5.png", alt="")
                span アドレス
          li.nav-item
            a
              div
                img(src="images/icon6.png", alt="")
                span お気に入り
          li.nav-item
            a
              div
                img(src="images/icon7.png", alt="")
                span アフィリエイト
                small(style="font-size: 12px;") 「成果報酬型広告」
          li.nav-item
            a
              div
                img(src="images/icon8.png", alt="")
                span クーポン
          li.nav-item
            a
              div
                img(src="images/icon9.png", alt="")
                span ポイント
          li.nav-item
            a
              div
                img(src="images/icon10.png", alt="")
                span 成長値
          li.nav-item
            a
              div
                img(src="images/icon11.png", alt="")
                span ご意見、ご要望 (0)
          li.nav-item
            a
              div
                img(src="images/icon12.png", alt="")
                span 備考欄
          li.nav-item
            a
              div
                img(src="images/icon13.png", alt="")
                span 登録内容

          li.nav-item
            a
              div
                img(src="images/icon14.png", alt="")
                span パスワードを変更する

          li.nav-item
            a
              div
                img(src="images/icon15.png", alt="")
                span レビュー
          li.nav-item
            a
              div
                img(src="images/icon16.png", alt="")
                span 登録内容
            
      .right-main
        div.user-info
          h3.title 最近チェックしたアイテム

          div.product-list
            div.list
              ul 
                li
                  div.content 
                    a(href="") 
                      img(src="images/prod.webp", alt="")
                  .prod-text
                    a(href="")
                      div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                      div 测试价格测试价格
                li
                  div.content 
                    a(href="") 
                      img(src="images/prod.webp", alt="")
                  .prod-text
                    a(href="")
                      div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                      div 测试价格测试价格
                li
                  div.content 
                    a(href="") 
                      img(src="images/prod.webp", alt="")
                  .prod-text
                    a(href="")
                      div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                      div 测试价格测试价格
                li
                  div.content 
                    a(href="") 
                      img(src="images/prod.webp", alt="")
                  .prod-text
                    a(href="")
                      div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                      div 测试价格测试价格
                li
                  div.content 
                    a(href="") 
                      img(src="images/prod.webp", alt="")
                  .prod-text
                    a(href="")
                      div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                      div 测试价格测试价格
    
    div.search-info
      div.sub-title 更新、割引、特別オファー、大きな賞を得る!
      div.title 購読する
      div.search
        div 
          input(type="text" placeholder="请输入")
          button 搜索
    
    
    include common/footer.pug
    


    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js") 
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js") 